設(shè)計(jì)師千萬不要總覺得CSS3還離我們特別遙遠(yuǎn)，其實(shí)如果你有興趣的話，完全可以學(xué)習(xí)了解一些簡單的CSS3技術(shù)。

你知道的，國內(nèi)的行情就是如此：所有的公司都會(huì)希望你在前端技術(shù)上懂的越多越好。那設(shè)計(jì)師學(xué)習(xí)前端代碼是否就是天方夜譚呢？其實(shí)并不如此。就像我們學(xué)設(shè)計(jì)一樣，最基本的方法就是模仿，以及觀看大師作品的案例。所以，今天我們?yōu)槟占?0個(gè)基礎(chǔ)教程，均是涉及到css3應(yīng)用的經(jīng)典案例，值得收藏學(xué)習(xí)。

Smooth Diagonal Fade Gallery with CSS3 Transitions

How to Create a CSS3 Dropdown Menu

SPLASH AND COMING SOON PAGE EFFECTS WITH CSS3

CREATIVE CSS LOADING ANIMATIONS

Pure CSS3 LavaLamp Menu

CIRCLE HOVER EFFECTS WITH CSS TRANSITIONS

3D THUMBNAIL HOVER EFFECTS

How to Create Custom Social Media Icons in CSS3

How to Create a CSS3 Login Form

Apple-like Login Form with CSS 3D Transforms

Animated CSS3 Photo Stack

3D FLIPPING CIRCLE WITH CSS3 AND JQUERY

Making an Impressive Product Showcase with CSS3

Live Album Previews with CSS3 and jQuery

ANIMATED 3D BAR CHART WITH CSS3

Swatch Book with CSS3 and jQuery

ROTATING WORDS WITH CSS ANIMATIONS

ANIMATED CONTENT TABS WITH CSS3

Colorful CSS3 Animated Navigation Menu

Create a stunning menu in CSS3

原文地址：m4html
 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座：每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：156982）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：擁有粉絲量56萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：